<template>
  <div class="h100">
    <div class="home-bac">
      <img src="~@/assets/reception/background1.png" alt="" >
    </div>
    <div class="home-main">
      <div class="about-us">
        <span class="about-us-title">关于我们</span>
        <div class="a-df">
          <div class="about-us-left">
            <div class="company-int-title">公司简介</div>
            <div class="company-int-content">联安共享成立于2003年，
              是一家以国际优秀企业管理前沿思想为指导，以生产运营系统改善为主业
              务方向，达成企业效率、安全、成本、品质等效益指标全面增值为目标的专业管理咨询培训机构。
              本着“立人兴企，正本强国”的宗旨，立正始终向客户提供系统的专业新知、丰富的实践经验和独
              到的创新思维。
            </div>
            <div class="company-int-content">
              20年来，我们汇聚了一批具有丰富实战管理咨询经验的全职顾问师、培训师和设计师。至今，已为
              几千家企业提供管理咨询、培训和布局规划设计服务，为夯实客户现场基础管理，构建了高效的生
              产体系。我们致力于行业深根细作，其中，对发电电网、航天军工、交通物流、机加装备、医药食
              品、资源化工等六大板块企业的专业化管理咨询培训和布局规划设计服务尤为特长、独到。</div>
            </div>
          <div class="about-us-right">
            <span class="about-us-right-item">
              <img src="~@/assets/reception/aboutUs/serviceent.png" alt="">
              <span class="about-us-num">900家</span>
              企业服务
            </span>
            <span class="about-us-right-item">
              <img src="~@/assets/reception/aboutUs/experience.png" alt="">
              <span class="about-us-num">20年</span>
              行业经验
            </span>
            <span class="about-us-right-item">
              <img src="~@/assets/reception/aboutUs/creation.png" alt="">
              <span class="about-us-num">1000亿+</span>
              价值创造
            </span>
          </div>
        </div>
        <div class="about-us-belief">
          <div class="belief-item">
            <div class="belief-title">
              <img src="~@/assets/reception/aboutUs/mission1.png" alt="">
              使命
            </div>
            <div class="belief-bac">
              <img src="~@/assets/reception/aboutUs/mission.png" alt="">
            </div>
          </div>
          <div class="belief-item">
            <div class="belief-title">
              <img src="~@/assets/reception/aboutUs/values1.png" alt="">
              价值观
            </div>
            <div class="belief-bac">
              <img src="~@/assets/reception/aboutUs/values.png" alt="">
            </div>
          </div>
          <div class="belief-item">
            <div class="belief-title">
              <img src="~@/assets/reception/aboutUs/vision1.png" alt="">
              愿景
            </div>
            <div class="belief-bac">
              <img src="~@/assets/reception/aboutUs/vision.png" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="home-bac-bottom">
      <div class="bottom-img1">
        <img src="~@/assets/reception/aboutUs/background.png" alt="">
      </div>
      <!-- <img src="~@/assets/reception/background2.png" alt="" > -->
    </div>
  </div>
</template>

<script>
export default {
  name: 'aboutUs',
  methods: {
    onSearch(value) {
      console.log(value);
    },
  },
}
</script>

<style lang="less" scoped >

.home-bac{
  img{
    height: 230px;
    width: 100%;
  }
}
.home-main{
  margin-top:30px ;
  // height: 1000px;
  .about-us{
    margin: 0 auto;
    height: 380px;
    width: 1600px;
    // padding: 0 20px;
    .about-us-left{
      height: 100%;
      width: 50%;
      padding: 0 10px;
      .company-int-title{
        margin: 20px 0;
        font-size: 24px;
        color: #000;
      }
      .company-int-content{
        margin: 20px 0;
        font-size: 14px;
      }
    }
    .about-us-right{
      margin: 0 auto;
      margin-top: 80px;
      display: flex;
      .about-us-right-item{
        display: flex;
        flex: 1;
        flex-direction: column;
        margin: 0 50px;
        width: 100px;
        text-align: center;
        color: #d7d7d7;
        font-size: 12px;
        // width: 200px;
        img{
          width: 70px;
          height: 70px;
          margin: 0 auto;
        }
        .about-us-num{
          margin-top: 20px;
          color: #000;
          font-family:serif;
          font-weight: 1000;
          font-size: 24px;

        }
      }
    }
    .about-us-title{
      color: #1e50ae;
      font-size:24px ;
      display: block;
      width: 100%;
      border-bottom: 2px solid #1e50ae;
    }
    .about-us-belief{
      width: 100%;
      display: flex;
      .belief-item{
        flex: 1;
        margin: 0 20px;
        height: 240px;
        background: #ebe9e9;
        border-radius: 10px;
        position: relative;
        .belief-title{
          border-bottom: solid 2px #d6d6d6;
          margin: 0 20px;
        }
        .belief-bac{
          position: absolute;
          right: 20px;
          bottom: 20px;
          img{
            height: 60px;
            width: 60px;
          }
        }
        img{
          width: 24px;
          height: 24px;
          margin: 10px;
        }
      }

    }
  }
}
.home-bac-bottom{
  position: relative;
  margin-top:120px ;
  // margin-bottom:-30px ;
  z-index: 999999999999999999;
  // bottom: 0;
  width: 100%;
  img{
    height: 480px;
    width: 100%;
  }
}
</style>